{extend name="personal/index" /}

  {block name="center"}
  <link rel="stylesheet" type="text/css" href="static/css/photo/common.css" /> 
  <link rel="stylesheet" type="text/css" href="static/css/photo/jquery-ui.css" /> 
  <link rel="stylesheet" type="text/css" href="static/css/photo/ui-dialog.css" /> 
  <link rel="stylesheet" type="text/css" href="static/css/photo/userInfo.css" /> 



    <div class="personal-main userInfo fr" style="width:780px">
     <!-- 个人资料 start -->
     <div class="personal-module">
      <div class="ps-md-hd clearfix">
       <h6 class="ps-md-hd-tit fl">个人资料</h6>
      </div>
      <div class="ps-md-bd">
       <!-- 基本资料 start -->
       <div class="ui-tab">
        <div class="ui-tab-head">
         <div class="ui-tab-ctrl fl">
          <a href="indexPersonalZiliaoIndex" class="ui-tab-btn">基本资料</a>
          <a href="indexPersonalZiliaoPhoto" class="ui-tab-btn ui-tab-cur">修改头像</a>
          <a href="indexPersonalZiliaoPassword" class="ui-tab-btn">修改密码</a>
          <a href="indexPersonalZiliaoMibao" class="ui-tab-btn ">密保问题</a>
         </div>
        </div>
        
        <div class="ui-tab-body">
         <div class="ui-tab-section userAvator clearfix">
          <div class="userAvator-section fl">
           <p class="userAvator-head"><strong>使用波奇头像：</strong></p>
           <ul class="userAvator-list clearfix">
            <li class="userAvator-item fl J-userAvatorItem " data-image="Data/Public/head1.jpg"><img src="static/image/photo/head1.jpg" />
             <div class="userAvator-zoom"></div></li>
            <li class="userAvator-item fl J-userAvatorItem " data-image="Data/Public/head2.jpg"><img src="static/image/photo/head2.jpg" />
             <div class="userAvator-zoom"></div></li>
            <li class="userAvator-item fl J-userAvatorItem " data-image="Data/Public/head3.jpg"><img src="static/image/photo/head3.jpg" />
             <div class="userAvator-zoom"></div></li>
            <li class="userAvator-item fl J-userAvatorItem " data-image="Data/Public/head4.jpg"><img src="static/image/photo/head4.jpg" />
             <div class="userAvator-zoom"></div></li>
            <li class="userAvator-item fl J-userAvatorItem " data-image="Data/Public/head5.jpg"><img src="static/image/photo/head5.jpg" />
             <div class="userAvator-zoom"></div></li>
            <li class="userAvator-item fl J-userAvatorItem " data-image="Data/Public/head6.jpg"><img src="static/image/photo/head6.jpg" />
             <div class="userAvator-zoom"></div></li>
            <li class="userAvator-item fl J-userAvatorItem " data-image="Data/Public/head7.jpg"><img src="static/image/photo/head7.jpg" />
             <div class="userAvator-zoom"></div></li>
            <li class="userAvator-item fl J-userAvatorItem " data-image="Data/Public/head8.jpg"><img src="static/image/photo/head8.jpg" />
             <div class="userAvator-zoom"></div></li>
            <li class="userAvator-item fl J-userAvatorItem " data-image="Data/Public/head9.jpg"><img src="static/image/photo/head9.jpg" />
             <div class="userAvator-zoom"></div></li>
            <li class="userAvator-item fl J-userAvatorItem " data-image="Data/Public/head10.jpg"><img src="static/image/photo/head10.jpg" />
             <div class="userAvator-zoom"></div></li>
           </ul>
           <p class="userAvator-head"><strong>上传本地图片：</strong></p>
           <p>传一张与爱宠的全家福作为头像吧~<em class="color-gray-light">（文件小于2M，支持图片格式为jpg，png，gif）</em></p>
           <div id="uploadBefore">
            <div class="userInfo-upPreview clearfix">
              {empty name="userList['icon']"}
              <img width="120" height="120" src="static/image/personal/head6.jpg">
              {else /}
              <img src="uploads/{$userList['icon']}" width="120" height="120" />
              {/empty} 
             
            </div>
            <div class="userInfo-selectPic clearfix">
            <form action="indexPersonalZiliaoUploadphoto" method="post" enctype="multipart/form-data">
              <input type="file" name="image" >
             <!-- <a href="" class="button-dark-medium darkBtn  " id="userAvatorUpload">选择图片</a> -->
            </div>
            <div class="uploadAvator-button clearfix">
             <button type="submit" class="button-light-medium J-save">提交</button>
            </div>
            </form>
           </div>
          </div>
         </div>
        </div>
       </div>
       <!-- 基本资料 end -->
      </div>
     </div>
     <!-- 个人资料 end -->
    </div>

    



  {/block}